<template>
  <div class="tiwenyujing">
  <div class="tiwenyujing-b">
    <dv-border-box-10>

      <div class="common-title common-title-xiao" style="color: red;">体温预警</div>

      <superslide :options="options" class="slideBox">
        <div class="picMarquee-top">
      <div class="bd">
        <ul class="picList">
          <li v-for=" i in 9">
            <a href="javascript:;" class="shishi-left">
              <img src="http://kunlunpass.cn-bj.ufileos.com/kunlunpass/82b739032c004004bb7d356e81df7856.jpg"/>
            </a>
            <div class="shishi-right">
              <div class="xingming">姓名：张三</div>
              <div class="xingming">班级：</div>
              <div class="xingming">地点：</div>
              <div class="xingming">今日体温：<br/><b>36.8℃</b></div>
            </div>
          </li>

        </ul>
      </div>
    </div>

      
    </superslide>
  </dv-border-box-10>
  </div></div>
</template>
<script>

export default {
    name: "slideBox",
    data () {
      return {
        options: {
          mainCell: ".bd ul",
          autoPlay: true,
          easing: 'swing',
          effect:"topMarquee",
          vis: "3",
          opp:true
        }
      }
    }
};
</script>
<style scoped>
.tiwenyujing{ margin-top: 10px; }
.common-title-xiao{  line-height: 45px; margin-bottom: 0px; }
.tiwenyujing{ background-color: rgba(6, 30, 93, 0.5);  }
.tiwenyujing .xingming{ border:1px solid #19c3eb; margin:5px auto; line-height: 25px; padding: 5px; border-top-right-radius:1em; color: #19c3eb;}
.tiwenyujing .xingming b{ font-weight: bolder;  font-size: 28px; }


.tiwenyujing .picMarquee-top{ margin:0 auto;   overflow:hidden; position:relative; height: 520px;}
 .tiwenyujing    .picMarquee-top .bd{ padding:10px;   }
 .tiwenyujing    .picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
 .tiwenyujing    .picMarquee-top .bd ul li{ text-align:center; zoom:1; height: 220px; overflow: hidden; border-bottom:  1px solid #19c3eb;  width: 100%;padding: 20px 0px; }
 .tiwenyujing    .picMarquee-top .bd ul li  img{ width: 100%;  display:block;}



 .tiwenyujing  .shishi-left{ float: left; width: 45%;margin-left: 10px; margin-top: 8px; padding-bottom: 20px;}
 .tiwenyujing  .shishi-right{ float: right;  margin-left: 8px; width: 45%;}

 
</style>